/* CSS Document for fobtv website */
/*global css*/

body {
	text-align:center;
	margin:0;
	padding:0;
	background:url(bg.png) repeat-x 0 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	color:#444;
}
body.fobcn{
	
	}
blockquote{
	padding-right:0;
	padding-left:0;
	margin-left:0;
	margin-right:0;
	}
h1, h2, h3, h4, h5, h6 {
	margin:10px 0 10px 0;
}
h1 {
	font-size:2em;
}
h2 {
	font-size:1.8em;
}
h3 {
	font-size:1.4em;
	
}
h4 {
	font-size:1.2em;
}
h5 {
	font-size:1em;
}
p {
	line-height:1.5em;
	margin:0 0 15px 0;
	
}
ul {
	list-style-type:square;
	line-height:1.5em;
}
a {
	color:#0099cc;
}
a:hover {
	text-decoration:none;
}
.clear {
	clear:both;
}
img{
	border:none;
	}
	
.red{
	color:#F00
}
.col2Group{
	
	margin:0;
	padding:0;
	overflow:hidden;
}
.col2Group li{
	width:45%;
	float:left;
	display:block;
	margin-right:35px;
}
/*container*/	
.container {
	text-align:left;
	margin:0 auto;
	width:960px;
	position:relative;
}
/*header*/
.header {
	overflow:hidden;
}
.header .logo {
	float:left;
	display:block;
	
	background:url(fobtvlogo2.png) no-repeat 0 0;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/fobtvlogo2.png');
	width:143px;
	height:47px;
	text-indent:-10000px;
	overflow:hidden;
}
.header .headerRightContainer {
	float:right;
	margin-top:30px;
	display:none;
}
.header .headerRightContainer a {
	color:#fff;
	text-align:center;
	padding-top:6px;
	float:left;
	display:block;
	text-decoration:none;
}
.header .headerRightContainer .loginBtn {
	background:url(fobtv_sprite.gif) no-repeat -10px -10px;
	height:27px;
	width:80px;
}
.header .headerRightContainer .loginBtn:hover{
		background-position:-10px -57px;
	}
.header .headerRightContainer .regBtn:hover{
	background-position:-90px -57px;
	}
.header .headerRightContainer .regBtn {
	background:url(fobtv_sprite.gif) no-repeat -90px -10px;
	height:27px;
	width:105px;
}
.header .fobLang {
	position:absolute;
	top:38px;
	right:200px;
	font-weight:bold;
	display:none;
}
.header .fobLang a{
	text-decoration:none;
	color:#666;
	}
.header .fobLang a:hover{
	color:#0099cc;
	}
/*banner*/
.tobBanner {
	clear:both;
	text-align:center;
	
}
.topBannerContainer{
	border-top:solid 1px #ddd;
	margin-top:10px;
	width:960px;
	height:278px;
	overflow:hidden;
}
/*main*/
.main {
	overflow:hidden;
	padding-bottom:70px;
	background:#fff url(fob_main_background.gif) no-repeat 100% 100%;
}
.leftNav {
	float:left;
	width:220px;
}
/*left navigation*/
.fobLeftNavContainer {
	margin:0;
	padding:0;
	list-style:none;
	padding-right:10px;
	margin-right:20px;
}
.fobLeftNavContainer li a {
	height:35px;
	display:block;
	background:url(fobtv_sprite.gif) repeat-x 0 -119px;
	line-height:33px;
	color:#fff;
	text-decoration:none;
	padding:0 10px;
	font-weight:bold;
	font-size:1.2em;
}
.fobLeftNavContainer li a:hover {
	background:url(fobtv_sprite.gif) repeat-x 0 -164px;
}
.fobLeftNavLinks {
	margin:0;
	padding:0;
	list-style:none;
}
.fobLeftNavLinks li a {
	font-size:1em;
	color:#006699;
	height:30px;
	line-height:28px;
	background:url(fobtv_sprite.gif) repeat-x 0 -213px;
	border-right:solid 1px #ddd;
	border-left:solid 1px #ddd;
}
.fobLeftNavLinks li a:hover {
	background:url(fobtv_sprite.gif) repeat-x 0 -254px;
}
.fobLeftNavLinks li a.selected, .fobLeftNavLinks li a.selected:hover {
	background:url(fobtv_sprite.gif) no-repeat 100% -304px;
	border-right:none;
	margin-right:-14px;
	color:#fff;
	border-left:none;
}
.rightContainer {
	overflow:hidden;
	zoom:1;
}
.rightContainer h2 {
	border-bottom:solid 3px #f1f1f1;
	margin-bottom:10px;
	padding-bottom:10px;
}
.rightContainer .fobContent {
	overflow:hidden;
}
.fobContent img, .fobImg img {
	padding:3px;
	border:solid 1px #ddd;
	margin:5px;
}
.fobTInfo img {
	width:180px;
	height:120px;
}
.fobAttractionsList {
	list-style:none;
	margin:0;
	padding:0;
}
.fobAttractionsList li {
	display:block;
	clear:both;
	margin:0;
	padding:0px 0 10px 0;
	border-bottom:solid 1px #ddd;
	overflow:hidden;
 *height:1%;
}
.fobAttractionsList li img {
	float:left;
	margin-right:10px;
}
.fobAttractionsList li ul {
	list-style:none;
	margin:0;
	float:left;
 display:block;
	padding:0;
}
.fobAttractionsList li ul li {
	border:none;
}
.fobAttractionsList li ul li h4 {
	margin-top:0;
}
/*footer*/
.footer {
	background:#e2e2e4 url(fobtv_sprite.png) repeat-x 0 -588px;
	clear:both;
	padding:10px;
	color:#888;
}
.footerInner {
	width:960px;
	margin:0 auto;
	text-align:left;
}
.footer .footerRelated {
	border-bottom:solid 1px #ccc;
}
.footer .footerRelated h5 {
	margin:0;
}
.footer .copyright {
	border-top:solid 1px #fff;
	padding-top:5px;
}
.footer .fobLogos img {
	margin-right:5px;
	vertical-align:middle;
}
.fobGrid {
	border-collapse:collapse;
	border:solid 10px #f1f1f1;
	border-right-color:#ddd;
	border-bottom-color:#ddd;
	width:100%;
	overflow:hidden;
}
.fobGrid th {
	color:#fff;
	background:#666;
	padding:3px 5px;
}
.fobGrid td {
	border-right:solid 1px #bbb;
	
	padding:3px 5px;
}
.fobGrid .fobGridSectionTitle {
	background:#fff;
	border-left:none;
	border-right:none;
}
.fobGrid .fobGridTitle {
	background:#09C;
	color:#fff;
	border-left:none;
	border-right:none;
}
.fobGrid .fobGridSubTitle{
	background:#ddd;
	}
.fobGrid h4 {
	margin:0;
}
.fobGrid p {
	margin:0;
}
.fobLeftImg {
	margin-right:20px;
	float:left;
	display:block;
}
.fobPanel {
	margin:0 auto;
	text-align:left;
	border:solid 10px #f1f1f1;
	border-right-color:#ddd;
	border-bottom-color:#ddd;
	padding:10px;
	width:60%;
}
.fobPanel .fobPanelTitle {
	border-bottom:solid 1px #ddd;
	margin-bottom:15px;
	margin-left:-10px;
	margin-right:-10px;
	margin-top:-10px;
	padding:10px 10px;
	background:#09C;
	color:#fff;
}
.fobPanel .fobPanelTitle h3 {
	margin:0;
}
/*for login panel*/
.loginPanel {
	margin-top:20px;
	}
.loginPanel .fobPanelContainer p {
	margin-left:70px;
}
.loginPanel .fobPanelContainer p label {
	text-align:right;
	margin-right:10px;
	display:inline-block;
	width:10em;
	font-size:14px;
}
.loginPanel .fobPanelContainer p input {
	width:12em;
}
.loginPanel .fobFormBtnContainer{
	padding-left:220px;
	border-top:solid 1px #ddd;
	padding-top:10px;
	}
	
.fobBtn input{
	
	}
/*for news*/
.newsTitle, .newsSubTitle {
	text-align:center;
	margin:20px 0;
}
/*for icons*/
.icoLang{
	background:url(../images/fobtv_sprite.gif) no-repeat -486px -39px;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
	}
	.icoBack{
	background:url(../images/fobtv_sprite.gif) no-repeat -487px -75px;
	width:16px;
	height:16px;
	vertical-align:middle;
	margin-right:5px;
	}
.fobBackBtn{
	
	font-size:12px;
	}
.blanklinehr{
	color:#ddd;
	height:0px;
	clear:both;
	margin:20px 0 20px 0;
	}
	
	/* siteFeature2 CSS */

/* ---------------------------------------------------------------------- 
	Progressive enhancement. Adjust the Height of #preFeature2 to show as many rows as you like.
 ---------------------------------------------------------------------- */
#preFeature2{height:335px; overflow:hidden;}
	#preFeature2 *{padding:0px; margin:0px; border:none;}
	#preFeature2 div{width:49%; overflow:hidden; float:left; position:relative; margin:0px 5px 5px 0px;}
	#preFeature2 div img{width:100%; display:block;}
	#preFeature2 div a:link{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:100%; height:100%;}
	#preFeature2 div a:visited{position:absolute; top:0px; left:0px; text-indent:-9999px; display:block; width:100%; height:100%;}
	#preFeature2 div p{position:absolute; bottom:0px; left:0px; font-size:10px; color:#ffffff; background:#000000; padding:5px 10px 6px 10px; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
	#preFeature2 div p a:link{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}
	#preFeature2 div p a:visited{position:static; text-indent:0px; display:inline; color:#ffffff; text-decoration:none;}

/* ---------------------------------------------------------------------- 
	These are the declarations you are more likely to change when you customize siteFeature2.
 ---------------------------------------------------------------------- */
 
/* this is the size of your siteFeature2 container */
#siteFeature2{width:960px; height:278px;margin:0 auto;}

/* these style the links that appear in the text area */
#siteFeature2 #SFcontentContainer div div a:link{color:#00ff00; text-decoration:none;}
#siteFeature2 #SFcontentContainer div div a:visited{color:#00ff00; text-decoration:none;}
#siteFeature2 #SFcontentContainer div div a:hover{text-decoration:underline;}

/* this sets the color and opacity of the text's background area */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#siteFeature2 #SFcontentContainer div div span{background:#000000; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}

/* this sets the color and opacity of the buttons */
/* you MUST change the opacity in all 8 places to get cross-browser consistency */
#siteFeature2 #SFbtnContainer a:link{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}
#siteFeature2 #SFbtnContainer a:visited{background:#ffffff; color:#000000; filter:alpha(opacity=80); -moz-opacity:0.8; -khtml-opacity:0.8; opacity:0.8;}

/* this is the hover and selected states for the buttons */
/* you MUST change the opacity in all 4 places to get cross-browser consistency */
#siteFeature2 #SFbtnContainer a:hover{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#siteFeature2 #SFbtnContainer.open a.trigger{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
#siteFeature2 #SFbtnContainer a.current{filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}


/* ---------------------------------------------------------------------- 
	These are the declarations you aren't likely going to need to change.
 ---------------------------------------------------------------------- */
 
#siteFeature2{overflow:hidden; position:relative; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:18px; color:#ffffff;
height:278px;
width:960px;}
	#siteFeature2 *{padding:0px; margin:0px; border:none;}

	#siteFeature2 #SFcontentContainer{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#siteFeature2 #SFcontentContainer div{position:absolute; top:0px; left:0px; width:100%; height:100%;}
		#siteFeature2 #SFcontentContainer div div{position:absolute; top:auto; bottom:0px; left:0px; width:100%; height:auto;}
		#siteFeature2 #SFcontentContainer div div span{position:absolute; top:0px; left:0px; width:100%; height:100%; display:block; /*IE6*/ _height:100px;}
		#siteFeature2 #SFcontentContainer div div p{position:relative; padding:5px 0px 6px 10px; width:90%;}
			#siteFeature2 #SFcontentContainer.nomenu div div p{width:100%;}
			#siteFeature2 #SFcontentContainer.left div div p{left:5%;}
			#siteFeature2 #SFcontentContainer.right div div p{}
		#siteFeature2 #SFcontentContainer div div a:link{color:#00ff00; text-decoration:none;}
		#siteFeature2 #SFcontentContainer div div a:visited{color:#00ff00; text-decoration:none;}
		#siteFeature2 #SFcontentContainer div div a:hover{text-decoration:underline;}

	#siteFeature2 #SFbtnContainer{position:absolute; bottom:8px; z-index:1337; /*IE6*/ _width:22px;}
	#siteFeature2 #SFbtnContainer.right{right:5px;}
	#siteFeature2 #SFbtnContainer.left{left:7px;}
		#siteFeature2 #SFbtnContainer div{overflow:hidden;}
		#siteFeature2 #SFbtnContainer a:link{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#siteFeature2 #SFbtnContainer a:visited{text-decoration:none; font-weight:bold; display:block; width:20px; height:20px; line-height:20px; text-align:center; margin:2px 2px 0px 0px; -moz-border-radius:5px; -webkit-border-radius:5px; -khtml-border-radius:5px; border-radius:5px;}
		#siteFeature2 #SFbtnContainer a:hover{opacity:1;}
		#siteFeature2 #SFbtnContainer a:active, #siteFeature2 #SFbtnContainer a:focus{outline:none;}
		#siteFeature2 #SFbtnContainer a.play{font-size:10px; font-weight:bold;display:none;}
		#siteFeature2 #SFbtnContainer a.pause{font-size:11px; font-weight:normal;display:none;}
